<template>
	<div>
	<!--详情页-->
	<div class="title">【天津】天津百灵杯</div>
	<div class="banner">
		<mt-swipe :auto="4000">
		  <mt-swipe-item><img src="../../assets/u.jpg"></mt-swipe-item>
		  <mt-swipe-item><img src="../../assets/f.jpg"></mt-swipe-item>
		  <mt-swipe-item><img src="../../assets/gir.jpg"></mt-swipe-item>
		</mt-swipe>
	</div>	
	<div class="inp_text">
		<p>比赛时间：2018年4月29日至2018你4月30日</p>
		<p>比赛地点：北京市海淀区培黎职业学校</p>
	</div>
	<div class="footer">
		<h6>赛事详情</h6>
		<p>10月13日—14日，第一届“京津冀-粤港澳”(国际)青年创新创业大赛
			总决赛精彩亮相2018年全国大众创业万众创新活动周。历经七个月
			的激烈角逐，33支优秀团队从全国1707支参赛队伍中脱颖而出会师
			全国总决赛。</p>
		<p>来自中央民族大学的“叙·扎染”艺术创业团队一路PK高
			精尖、比肩高科技，成为闯入决赛的唯一一支文创团队。</p>
		<p>虽然最终没能获得金奖，但马向阳已经很满足了。创业期间，他参加过无数比赛与路演，这是走得最远的一次。</p>
	</div>
	
	</div>
</template>

<script>
	import { Swipe, SwipeItem } from 'mint-ui';
	export default{
		data:function(){
			return{
			}
		}
		
	}
</script>

<style scoped="scoped">
	*{
		padding: 0;
		margin: 0;
	}
	.title{
		font-size: 0.32rem;
		width: 100%;
		height: auto;
		height: 0.6rem;
		color: black;
		font-family: "微软雅黑";
		font-weight: bold;
		line-height: 0.7rem;
		/*background-color:darkslategrey;*/
		text-align: center;
	}
	.banner{
			width: 100%;
			height: 3rem;
			margin-top: 0.3rem;
		}
	.banner img{
		width: 100%;
		height: 100%;
	}
	.inp_text{
		width: 96%;
		height: 1.6rem;
		margin: 0 auto;
		margin-top: 0.4rem;
		background-color:#F5F5F5;
		border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	}
	.inp_text p{
		margin-left: 0.2rem;
		font-size: 0.24rem;
		padding-top: 0.35rem;
	}
	.footer{
		width: 96%;
		height: 4rem;
		margin: 0 auto;
		margin-top: 0.3rem;
		border: solid #CCCCCC 1px;
		border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	}
	.footer p{
		font-size: 0.2rem;
		margin-top: 0.2rem;
		/*color: #CCCCCC;*/
		padding-left: 0.2rem;
		margin-right: 0.2rem;
		font-family: "微软雅黑";
	}
	
	h6{
		font-size:0.34rem ;
		margin-left: 0.2rem;
		margin-top: 0.1rem;
		
	}
</style>